iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
自我挑戰組

React自我學習心得30天~系列 第 21

Day21 Create React App

  • 分享至 

  • xImage
  •  

之前我們在範例練習React時,都是引用CDN的方式來建立開發環境,今天要介紹的是Create React App這個方便好用的React開發工具。

優點

  • 學習成本低
    無須另外去學習和安裝額外開發工具或套件。畫面會隨著程式的運作即時渲染。部署時,自動優化bundle。
  • 易於維護
    內含了Webpack、Babel、ESLint 和其他工具作為開發的基礎層,且日後有新版本釋出時只需要透過下列指令更新版本即可。
npm install react-scripts@latest

安裝方式

  1. 安裝Npm或其他的套件管理工具

Npm是套件管理工具,幫助你在開發過程中,可以把想要的 node 套件,透過 npm 安裝在 local 專案位置或是 global 全局性整台電腦的環境下面。
2.到編輯器輸入指令下載Create React App
可以用npx的指令永久安裝至你的本機或是使用npx臨時性的安裝到你的本機中。

npm安裝指令:
npm install  create-react-app

npx安裝指令:
npx create-react-app my-app

上一篇
Day20 React的嚴格模式
下一篇
Day22 Create-react-app開發React
系列文
React自我學習心得30天~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言